<template>
  <div class="bg-white p2">
    <div class="pb3 font-bold text-16px">提现明细</div>
    <div>
      <div v-for="(item, key) in list" :key="key" class="flex justify-between items-center p2" style="border-bottom: 1px solid #f6f6f6">
        <div class="">
          <div>￥ {{ item.money }}</div>
          <div class="text-12px text-gray">{{ item.time }}</div>
        </div>
        <div class="font-bold text-12px">
          <span v-if="item.status === 0">提现中</span>
          <span v-if="item.status === 1" class="text-green">已提现</span>
          <span v-if="item.status === -1" class="text-red">提现失败</span>
          <span v-if="item.status === -2" class="text-gray">提现冻结</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'DkAppFundList',
  props: {
    buttonText: {
      type: String,
      default: '提现'
    },
    buttonAmount: {
      type: Number,
      default: 1
    },
    buttonColor: {
      type: String,
      default: '#FE2C55'
    }
  },
  data() {
    return {
      list: [
        { money: 12.3, time: '2024-12-3 12:22:31', status: 0 },
        { money: 12.3, time: '2024-12-3 12:22:31', status: 1 },
        { money: 12.3, time: '2024-12-3 12:22:31', status: -1 },
        { money: 12.3, time: '2024-12-3 12:22:31', status: -2 }
      ]
    }
  }
}
</script>

<style scoped></style>
